<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<title>これからの新標準Lightbox jDTLightBox</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/dtlightbox.css" />
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<script type="text/javascript">google.load("jquery", '1.4');</script>
	<script type="text/javascript" src="js/jdtlightbox.js"></script>
	<script type="text/javascript">
	jQuery(function($){
		$('#sample1 a').jdtLightBox();
		$('#sample2 a').jdtLightBox({
			animateTo: 1000
		});
	});
	</script>
</head>

<body>
<p class="note"><a href="http://5509.me/">5509</a></p>
<div class="pagebody">
	<h1>jdtLightBox</h1>
	<h2>え…うそ…</h2>
	
	<div class="imgs" id="sample1">
		<a href="img/4578678366_7c73f9f06d.jpg"><img src="img/4578678366_7c73f9f06d_thumb.jpg" alt="しゃしーん" /></a>
		<a href="img/4578679098_a1907e7487.jpg"><img src="img/4578679098_a1907e7487_thumb.jpg" alt="しゃしーん2" /></a>
		<a href="img/4578679504_d3159f0d2e.jpg"><img src="img/4578679504_d3159f0d2e_thumb.jpg" alt="しゃしーん3" /></a>
	</div>
	
	<div class="imgs" id="sample2">
		<a href="img/4578678366_7c73f9f06d.jpg"><img src="img/4578678366_7c73f9f06d_thumb.jpg" alt="しゃしーん" /></a>
		<a href="img/4578679098_a1907e7487.jpg"><img src="img/4578679098_a1907e7487_thumb.jpg" alt="しゃしーん2" /></a>
		<a href="img/4578679504_d3159f0d2e.jpg"><img src="img/4578679504_d3159f0d2e_thumb.jpg" alt="しゃしーん3" /></a>
	</div>


</body>
</html>
